<template>
	<view class="orderList-con">
		<view  v-for="(el,index) in list" :key="Math.random()" >
			<OrderListItem  :item="el"></OrderListItem>
		</view>	
	</view>
</template>

<script>
   import OrderListItem from "./order-list-item.vue"
	export default {
		components:{
			OrderListItem
		},
		name:"timetable-order-list",
		props:{
			list:{
				type:Array
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.orderList-con{
	padding-top: 60rpx;
	background-color: white;
	border-right: 1px solid #dcdfe6 ;
}
.orderList-con .item-container:first-child{
	border-top: 1px solid #dcdfe6;
}
.orderList-con .item-container:last-child{
	border-bottom: 0px;
}
</style>